<template>
    <div>
      <button @click="increment">+1</button>
      <div>{{state.counter}}</div>
    </div>
</template>

<script>
import { reactive } from 'vue'
export default {
  props: {
    message: String
  },
  // setup(props, context) {
  setup() {
    const state = reactive({
      counter: 0
    })
    const increment = () => {
      counter++
      console.log('increment')
    }
    return {
      state,
      increment
    }
  }
}
</script>

<style>

</style>